/*
 * @author zsl
 * @date 2012-10-07
 */

/* 通用样式 */
html,body { height:100%; }
body { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif,宋体;  #ffffff; }
div, ul, li, form, input, table, td.tr, sub, sup, p, ol, i, em { padding:0; margin:0; }
ol, ul, li { list-style:none; }
i,em { font-style:normal; }
a { text-decoration:none; }
.v-middle { vertical-align:middle; margin-right:5px; }
.clear { clear:both; height:0; _line-height:0; margin:0;padding:0;}
.hide { display:none; }
#box { width:960px; margin:0 auto;}
#hp-wrapper { min-height:96%; }
#hp-main { padding-bottom:82px; overflow:auto; }
.quanping{ width:100%;background-color:#000;z-index:2; position: absolute;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
/* 头部 */
.top { width:960px; height:120px; margin-bottom:5px; margin:0 auto; background:url(../images/login/top_bg.png) repeat-x top center; }
.top .fr { float:right; margin-top:3px; }
.top .fr  a { margin-right:22px; margin-left:5px; color:#717171; }
.top .fr  a:hover { color:#deb656;}

.logo { float:left; padding-top:34px; padding-left:10px;}

.login-top-layout { float:left; padding-top:34px; }
.btn-register { float:left; margin-left:33px; width:72px; height:28px; background:url(../images/login/btn_register.png) no-repeat; cursor:pointer; }

/* 内容  */
.login-content { width:960px; height:auto; margin:0 auto;}
/* 大图片 */
.login-pic { float:left; margin-top:10px; width:530px; height:420px; background:url(../images/login/login_picture.png) no-repeat; }

/* 登录*/
.login-frame { position:relative;float:left; z-index:1;margin-top:10px; margin-left:50px; width:370px; height:263px; background:url(../images/login/login_frame.png) no-repeat; }
.login-frame-content { position:absolute;swidth:290px; height:180px; margin-top:45px; margin-left:30px; padding:20px;}
.login-frame-content p{ color:#666666; margin-bottom:10px; }
.login-frame-content p input { vertical-align:middle; padding-left:5px; color:#707070; }
.btn-login { float:left; width:87px; height:29px; margin-left:50px; cursor:pointer;  background:url(../images/login/btn_login.png) no-repeat; }
.btn-login:hover { background:url(../images/login/btn_login2.png) no-repeat; }
.forget { float:left; margin-left:20px; margin-top:10px; cursor:pointer; }
.input_200 { width:200px; height:26px; line-height:26px; border:1px solid #a3a3a3; -moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.input_100 { width:100px; height:26px; line-height:26px; border:1px solid #a3a3a3; -moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}

/* 登录错误  */
.tips { width:207px; height:31px; background:url(../images/login/login_bg.png) 0 0 no-repeat; position:absolute; margin:20px 0px 0px 95px; font-weight:bold; color:#cc0000; padding:4px; line-height:26px;}
.tips p { float:left; display:inline; }
.tips span img { float:right; display:inline; cursor:pointer;}
.v-align { vertical-align:middle; }
/* 验证码  */
.prove-p { vertical-align:middle; }

/* 白色框*/
#frame-box { width:960px; margin:0 auto; padding:100px;}
.frame-write-top { width:303px; height:8px; background:url(../images/background/frame_write_top.png) no-repeat; }
.frame-write-middle { width:303px; padding:10px 0; background:url(../images/background/frame_write_middle.png) repeat-y;  }
.frame-write-bottom { width:303px; height:8px; background:url(../images/background/frame_write_bottom.png) no-repeat;  }
.frame-write-middle .label {  margin:5px 0 20px 0px; font:13px 宋体; font-weight:bold; color:#da4e08; }
.input240 { background:url(../images/background/input_grey.png) repeat-x; width:240px; border:1px solid #cdcdcd; height:24px; line-height:24px; padding:5px; margin-bottom:10px; }



/********** 底部 **********/
#footer { background-color:#faf9f7;  border-top:3px solid #f6f3ec; height:70px; padding-top:15px; position:relative; margin-top:-60px; clear:both; }
.footer-bg { width:900px; margin:0 auto; }
.footer-logo {  float:left; width:210px; height:58px; margin:10px 0 auto; background:url(../images/background/logo_bottom.png) 0 10px no-repeat; }
.footer-txt { float:right; width:470px; line-height:20px; margin-top:10px;  }
.footer-txt p { float:right; color:#666;}